<!--
 * @Author: ૮₍ ˙О˙₎ა
 * @Date: 2023-04-29 13:43:07
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .outLogin,.addNote{
            display: none;
        }
        li{
            width: 850px;
            float: left;
        }
        .operate{
            float: right;
        }
        #warp{
            width: 1200px;
            margin: auto;
        }
        .login{
            float: right;
            width: 150px;
        }
        ul{
            margin-top: 100px;
        }
        li{
            list-style-type:decimal;
            line-height: 50px;
            border-bottom: 2px solid gray;
            list-style-position: inside;
        }
    </style>
</head>
<body>
    <div id="warp">
        <h1>笔记列表</h1>
        <div class="login"><a href="/login">请登录</a></div>
        <div class="outLogin"><a href="/outLogin">退出登录</a></div>
        <div class="addNote"><a href="/addNote">添加笔记</a></div>
        <div>
            <ul>
                <li> 第一条笔记 
                    <div class="operate">
                        <a href="/login">编辑</a>
                        <a href="/login">删除</a>&emsp;
                    </div>
                </li>
                <li> 第二条笔记
                    <div class="operate">
                        <a href="/login">编辑</a>
                        <a href="/login">删除</a>&emsp;
                    </div>
                </li>
                <li> 第三条笔记
                    <div class="operate">
                        <a href="/login">编辑</a>
                        <a href="/login">删除</a>&emsp;
                    </div>
                </li>
            </ul>
        </div>
    </div>
    
    <script src="/js/index.js" type="module"></script>
</body>
</html>